<template>
  <div class="dep-container">
    <depandcenter :deps="deps" :homecarouselimg="homecarouselimg"></depandcenter>
  </div>
</template>

<script>
import carousel from "../subcomponents/Carousel.vue";
import depandcenter from "../subcomponents/DepAndCenter.vue";
export default {
  data() {
    return {
      deps: [
        {
          id: 1,
          name: "秘书部",
          desc:
            "夜渐渐深了,他开始整理起学生社团联合会成员档案，起草着各项规章制度;突然看着电脑屏右下角跳动的数字愣了神，他想了想明天还有高数课，无奈的笑了笑。这时各部门中心例会值班出勤率和成员评优工作已完成了一半。",
          path: require("../assets/img/depimg/dep/mishu.jpg"),
          router: "/developing"
        },
        {
          id: 2,
          name: "财务部",
          desc:
            "财务点滴,润物细无声。当你回首时，发现不知不觉中。财务早已变成心里最温暖的家，笑与泪总忘不掉。在财务的日日夜夜，财务大家庭期待与你的相遇相知。秋风起，财务等你。愿所有相遇，都是久别重逢!",
          path: require("../assets/img/depimg/dep/caiwu.jpg"),
          router: "/developing"
        },
        {
          id: 3,
          name: "外联部",
          desc:
            "外联部是南工社联重要部门之一，是校社联联络外界的坚实桥梁，主要职责为社团以及社联内部活动筹集资金，同时协调各部门中心的活动开展，对社联活动的成功举办起到至关重要的作用哦~",
          path: require("../assets/img/depimg/dep/wailian.jpg"),
          router: "/developing"
        },
        {
          id: 4,
          name: "指导部",
          desc:
            "在指导部，我们与社团携手，与社团一起成长，为社团发展保驾护航。注意！！！指导部能与各社团靓仔有亲密接触的机会哦！",
          path: require("../assets/img/depimg/dep/zhidao.jpg"),
          router: "/developing"
        },
        {
          id: 5,
          name: "活动部",
          desc:
            "社团活动申报初审是我，活动场地分配管理是我，协助策划社团和校级活动也是我，穿梭在各大晚会中的神秘剧务还是我！",
          path: require("../assets/img/depimg/dep/huodong.jpg"),
          router: "/developing"
        },
        {
          id: 6,
          name: "图文设计部",
          desc:
            "我们的主要工作是在各大型活动中负责场地布置及舞美，同时在活动前的线下宣传中，也都充满着图文设计部的创意，引领者校园潮流。",
          path: require("../assets/img/depimg/dep/tuwen.jpg"),
          router: "/developing"
        },
        {
          id: 7,
          name: "新闻部",
          desc:
            "文字为口，摄影为眼，记录美好世界。思想交锋，灵魂碰撞，传递最真实的信息。新闻部分工明确、职能多样，我们负责：新闻稿的撰写及审核（基本和核心），各项活动中新闻照和视频的拍摄，主题采访工作，明星报纸《社团之音》的编辑出版，和其他部门互相配合，壮大社联！（威武）",
          path: require("../assets/img/depimg/dep/xinwen.jpg"),
          router: "/developing"
        },
        {
          id: 8,
          name: "网络部",
          desc:
            "网络部是一个技术型部门，平日里不显山不露水，一到各种活动，我们总会扮演活动组织中一个不可或缺的角色，工作重心侧重于制作活动需要的海报、视频和门票的制作以及利用新媒体平台（QQ、微博、bilibili）进行线上宣传活动。到了大型晚会，网络部还会负责一部分幕后工作，例如控制音响，LED屏幕等电子设备。",
          path: require("../assets/img/depimg/dep/wangluo.jpg"),
          router: "/developing"
        }
      ],
      homecarouselimg: [
        {
          id: 1,
          path: require("../assets/img/depimg/dep/dep1.jpg")
        },
        {
          id: 2,
          path: require("../assets/img/depimg/dep/dep2.jpg")
        },
        {
          id: 3,
          path: require("../assets/img/depimg/dep/dep3.jpg")
        }
      ]
    };
  },
  components: {
    carousel,
    depandcenter
  }
};
</script>

<style lang="scss" scoped>
header {
  padding-bottom: 57px;
  .bg-dark {
    background-color: #2891c8 !important;
  }
}
.btn-outline-success {
  border: blue;
}
.row {
  img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
  }
  .col-lg-4 {
    text-align: center;
  }
  .btn {
    text-align: center;
  }
  .btn-secondary {
    color: #fff;
    background-color: #2891c8;
    border-color: #2891c8;
  }
  .btn-secondary:hover {
    background-color: #007bff;
  }
  p {
    font-size: 14px;
    line-height: 20pt;
    text-align: justify;
  }
  span {
    text-align: center;
  }
}
</style>